$(function () {
    // 1. 获取用户信息===>渲染头部区域
    getUserInfo() // 以后会用到===>封装为全局函数

    // 2.点击退出按钮 弹出提示 是否确认退出 清空token 回到登录界面
    $('#loginOut').on('click', function () {
        layer.confirm('是否确认退出登录?', { icon: 3, title: '提示' }, function (index) {
            //do something
            localStorage.removeItem('token')
            location.href = '/login.html'
            layer.close(index);
        });
    })
})

function getUserInfo() {
    axios({
        url: '/my/userinfo',
        // headers: { 'Authorization': localStorage.getItem('token') || '' }===>用了请求拦截已经提前设置了
    }).then(res => {
        // if (res.data.status) {  // 等于0为false
        //     return layer.msg(res.data.message)
        // }
        // layer.msg('获取用户信息成功') //已经用拦截响应器提前做了
        //根据res.data.data 渲染头像
        console.log(res.data);
        renderAvatar(res.data.data)
    })
}

// 渲染头像
function renderAvatar(obj) {
    //  1.根据obj里的nickname和username 头像优先显示nickname
    let avatarName = obj.nickname || obj.username;  // 如果 obj.nickname为空(false)则用obj.username
    // 把名字给对应标签
    $('.userinfo .welcome').html('欢迎&nbsp;' + avatarName)
    // 2.判断有没头像图片路径 如果有就显示头像隐藏文字头像
    if (obj.user_pic !== '') {
        $('.userinfo .avatar-text').hide()
        $('.userinfo img').show().prop('src', obj.user_pic)
    } else {
        $('.userinfo img').hide()
        // $('.userinfo .avatar-text').show() ===>只要显示文字的第一字就行而且大写
        let textAva = avatarName[0].toUpperCase()
        $('.avatar-text').show().html(textAva)
    }
}